<ul>
	<foreach name="leftLevel1" item="lv">
	<li><a href="javascript:;">{$lv.name}</a></li>
	</foreach>
</ul>

<volist name="group" id="gv" key="gk">
	<div class="link-item">

	<volist name="gv" id="v" key="k">
		<div>
			<a href="{:U('Single/index',array('mid'=>$v[id]))}" class="nav-link">{$v.name}</a>
			<a href="{:U('Single/index',array('id'=>106))}" class="btn-buy">选购</a>
		</div>
		<if condition="$k eq count($gv)">
			</div>
		</if>
	</volist>

</volist>


<!-- <div class="link-item">
	<div>
		<a href="javascript:;" class="nav-link">小米手机5</a>
		<a href="javascript:;" class="btn-buy">选购</a>
	</div>
	<div>
		<a href="javascript:;" class="nav-link">小米手机5</a>
		<a href="javascript:;" class="btn-buy">选购</a>
	</div>
	<div>
		<a href="javascript:;" class="nav-link">小米手机5</a>
		<a href="javascript:;" class="btn-buy">选购</a>
	</div>
	<div>
		<a href="javascript:;" class="nav-link">小米手机5</a>
		<a href="javascript:;" class="btn-buy">选购</a>
	</div>
	<div>
		<a href="javascript:;" class="nav-link">小米手机5</a>
		<a href="javascript:;" class="btn-buy">选购</a>
	</div>
	<div>
		<a href="javascript:;" class="nav-link">小米手机5</a>
		<a href="javascript:;" class="btn-buy">选购</a>
	</div>
	<div>
		<a href="javascript:;" class="nav-link">小米手机5</a>
		<a href="javascript:;" class="btn-buy">选购</a>
	</div>
	<div>
		<a href="javascript:;" class="nav-link">小米手机5</a>
		<a href="javascript:;" class="btn-buy">选购</a>
	</div>
</div> value1
<div class="link-item">
	<div>
		<a href="javascript:;" class="nav-link">小米手机5</a>
		<a href="javascript:;" class="btn-buy">选购</a>
	</div>
</div>
<div class="link-item">
	<div>
		<a href="javascript:;" class="nav-link">小米手机5</a>
		<a href="javascript:;" class="btn-buy">选购</a>
	</div>
</div>
<div class="link-item">
	<div>
		<a href="javascript:;" class="nav-link">小米手机5</a>
		<a href="javascript:;" class="btn-buy">选购</a>
	</div>
</div>
<div class="link-item">
	<div>
		<a href="javascript:;" class="nav-link">小米手机5</a>
		<a href="javascript:;" class="btn-buy">选购</a>
	</div>
</div>
<div class="link-item">
	<div>
		<a href="javascript:;" class="nav-link">小米手机5</a>
		<a href="javascript:;" class="btn-buy">选购</a>
	</div>
</div>
<div class="link-item">
	<div>
		<a href="javascript:;" class="nav-link">小米手机5</a>
		<a href="javascript:;" class="btn-buy">选购</a>
	</div>
</div>
<div class="link-item">
	<div>
		<a href="javascript:;" class="nav-link">小米手机5</a>
		<a href="javascript:;" class="btn-buy">选购</a>
	</div>
</div>
<div class="link-item">
	<div>
		<a href="javascript:;" class="nav-link">小米手机5</a>
		<a href="javascript:;" class="btn-buy">选购</a>
	</div>
</div>
<div class="link-item">
	<div>
		<a href="javascript:;" class="nav-link">小米手机5</a>
		<a href="javascript:;" class="btn-buy">选购</a>
	</div>
</div> -->
<script type="text/javascript">
$(function(){
	var slidenav = $('.slidenav');
	var aNav = slidenav.find('ul').find('a');
	var aDiv = $('.link-item');
	var i = 0;
	for(i=0;i<aNav.length;i++){
		aNav[i].index = i;
		aNav[i].onmouseover=function(){
			for(i=0;i<aNav.length;i++){
				aDiv[i].style.display='none';
			}
			aDiv[this.index].style.display='block';
		};
		aNav[i].onmouseout = function(){
			for(i=0;i<aNav.length;i++){
				aDiv[i].style.display='none';
			}
		};
	}
	for(i=0;i<aDiv.length;i++){
		aDiv[i].onmouseover=function(){
			this.style.display = 'block';
		};
		aDiv[i].onmouseout=function(){
			this.style.display = 'none';
		};
	}
});
</script>
